
#empty_car {
	height: 380px;
	background: #fff;
	.swap{
		width: 670px;
		height: 319px;
		margin: 0 auto;
		.swap_left {
			width: 270px;
			margin-top: 100px;
			h1 {
				font-weight: normal;
			}
			a {
				margin-top: 20px;
				display: block;
				width: 164px;
				height: 36px;
				border-radius: 18px;
				background: #e83100;
				text-align: center;
				line-height: 36px;
				color: #fff;
			}
		}
		.swap_right {
			width: 274px;
			height: 269px;
			margin: 50px 0 0 30px;
			background: url(../static/img/empty_icon.jpg) no-repeat;
		}
	}
}


#shopping_car {
	margin-bottom: 20px;
	.progress_bg{
		height: 180px;
		width: 100%;
		background: url(../static/img/bg_payorder_1.png) no-repeat center;
	}
	
	table {
		width: 100%;
		border: 1px solid #eee;
		border-collapse: collapse;
		font-weight: normal;
		color: #A1A398;
		th,td {
			border: 1px solid #eee;
		}
		th {
			height: 52px;
			font-size: 12px;
			background: #F7F9F9;
		}
		th._comm {
			width: 239px;
		}
		th._name {
			width:607px;
		}
		th._price {
			width: 174px;
		}
		th._count {
			width: 256px;
		}
		th._subt {
			width: 191px;
		}
		th._oper {
			width: 96px;
		}
		
		td {
			height: 120px;
		}
		td._comm {
			width: 239px;
			text-align: center;
			img {
				width: 100px;
				height: 100px;
			}
		}
		td._name {
			width:607px;
			text-align: left;
			p {
				padding-left: 10px;
				color: #000;
			}
		}
		td._price {
			width: 174px;
			text-align: center;
		}
		td._count {
			width: 256px;
			text-align: center;
			.count_btn {
				display: inline-block;
				width: 108px;
				height: 25px;
				border: 1px solid #ddd;
				border-radius: 5px;
				div {
					float: left;
					height: 25px;
					width: 30px;
				}
				div:nth-of-type(1){
					border-right: 1px solid #ddd;
					cursor: pointer;
				}
				div:nth-of-type(2){
					width: 46px;
					font-size: 12px;
					line-height: 25px;
				}
				div:nth-of-type(3){
					border-left: 1px solid #ddd;
					cursor: pointer;
				}
			}
		}
		td._subt {
			width: 191px;
			text-align: center;
		}
		td._oper {
			width: 96px;
			text-align: center;
			button {
				background: none;
				border: none;
				cursor: pointer;
			}
			button:hover {
				color: red;
			}
		}
		
		.subtotal>td {
			height: 89px;
		}
		.subtotal td.total {
			text-align: right;
			p {
				padding-right: 10px;
			}
		}
		.subtotal td.total_price {
			text-align: left;
			p {
				padding-left: 10px;
				color: red;
			}
		}
		.sub_tr>td {
			height: 69px;
			text-align: center;
			a {
				display: inline-block;
				width: 98px;
				height: 43px;
				border: 1px solid #e8380d;
				border-radius: 22px;
				text-align: center;
				line-height: 43px;
				margin: 0 20px;
			}
			a:nth-of-type(1){
				background: #fff;
				color: #e8380d;
			}
			a:nth-of-type(2){
				background: #e8380d;
				color: #fff;
			}
		}
	}
}